<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="./bootstrap/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="./bootstrap/css/bootstrap-responsive.min.css"/>
		<script src="bootstrap/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="./css/usercenter.css"/>
		<link rel="stylesheet" type="text/css" href="./css/footer.css"/>
		<link rel="stylesheet" type="text/css" href="./css/header.css"/>		
		<script src="./js/jquery-1.7.2.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<header>
			<div class="top">
				<div class="top_w">									
				 <a href="">YOHO!有货</a>
					 <div class="top_right">
					 	<a href=""><span>|</span>Hi~[请登录][免费注册]</a>	
						 <a href=""><span>|</span>MY有货</a>
						 <a href=""><span>|</span>我的订单</a>
						 <a href=""><span>|</span>我的收藏</a>
						 <a href=""><span>|</span>消息</a>
						 <a href=""><span>|</span>手机版</a>
					 </div>
				 </div>
			</div>
			<div class="nav">
				<div class="nav_w">
					<ul>
						<li style="background: #3a3a3a; ">
							<a class="nav_a1" href="" style="color: #fff;">男生</a>
							<a class="nav_a2" href="" style="color: #fff;">BOYS</a>
						</li>
						<li>
							<a class="nav_a1" href="">女生</a>
							<a class="nav_a2" href="">GIRLS</a>
						</li>
						<li>
							<a class="nav_a1" href="">潮童</a>
							<a class="nav_a2" href="">KIDS</a>
						</li>
						<li>
							<a class="nav_a1" href="">创意生活</a>
							<a class="nav_a2" href="">LIFE STYLE</a>
						</li>
					</ul>
					<div class="banner"></div>
					<div class="search">
						<input class="searchinput" type="text" name="" id="" value="" />
						<a href="" class="iconsearch"></a>
						<div class="shopping">
							
						</div>
					</div>
				</div>
				<div class="nav_leader">
					<ul>
						<li><a href="">新品到着</a></li>
						<li><a href="">品牌一览</a></li>
						<li><a href="">服饰</a></li>
						<li><a href="">鞋履</a></li>
						<li><a href="">包袋</a></li>
						<li><a href="">配饰·其他</a></li>
						<li><a href="">领券中心</a></li>
						<li><a href="">逛</a></li>
						<li><a href="">SALE</a></li>
					</ul>
				</div>
				
			</div>
		</header>
		
		<article>
			<div class="leader">
				<a href="">YOHO!BUY 有货首页</a>   >   个人中心   >    <span>我的订单</span>
			</div>
			
			<div class="center">
				<div class="c_left">
					<div class="left_top"></div>
					<div class="user_pic">
						<img src="images/center/user.gif"/>
					</div>	
					
					<ul class="guanli">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;交易管理
						<li><a href="">我的订单</a></li>
						<li><a href="">地址管理</a></li>
						<li><a href="">编辑个人资料</a></li>																		
					</ul>
				</div>
				
				<div class="c_right">
					<div class="right_top">
						<span>VIP金额累计需要订单成功且无退换货</span>
					</div>
					<div class="dingdan">
						<div class="tab_dingdan">
							<ul>
								<li><a href="">现有订单</a></li>
								<li><a href="">成功订单</a></li>
								<li><a href="">已取消订单</a></li>
								<li><a href="">历史订单</a></li>
							</ul>
						</div>
						<div class="table_header">
							<ul>
								<li style="width: 330px;">商品信息</li>
								<li style="width: 75px;">单价（元）</li>
								<li style="width: 60px;">数量</li>
								<li style="width: 100px;">实付款（元）</li>
								<li style="width: 100px;">订单状态</li>
								<li style="width: 100px;">操作</li>
							</ul>
						</div>
						<div class="order">
							<p class="order_title">
								订单编号：1609646485
								<span>
									下单时间：2016-06-22 17:11:21
								</span>
							</p>
							<div class="order_wrap">
								<ul>
									<li style="width: 330px;">
										<img src="images/pay/pic_1.jpg"/>
										<div class="text-info">
											<a href="">Life·After Life 国旗底人字拖</a>
											<span>颜色：红色   尺码：43码</span>
										</div>
									</li>
									<li style="width: 75px;"><span style="font-weight: bold;">55.20</span></li>
									<li style="width: 60px; border-right: 1px solid #e6e6e6;">2</li>
									<li style="width: 99px; border-right: 1px solid #e6e6e6;" class="pay">
										<span style="font-weight: bold;">120.40</span>
										<span style="color: #999; font-weight: 400;">(含快递:10.00元)</span>
									</li>
									<li style="width: 99px; border-right: 1px solid #e6e6e6" class="order_status"><span>已取消</span></li>
									<li style="width: 99px;" class="operation"><a href="">查看订单</a></li>
								</ul>
							</div>
						</div>
						
						<div class="order">
							<p class="order_title">
								订单编号：1609646485
								<span>
									下单时间：2016-06-22 17:11:21
								</span>
							</p>
							<div class="order_wrap">
								<ul>
									<li style="width: 330px;">
										<img src="images/pay/pic_1.jpg"/>
										<div class="text-info">
											<a href="">Life·After Life 国旗底人字拖</a>
											<span>颜色：红色   尺码：43码</span>
										</div>
									</li>
									<li style="width: 75px;"><span style="font-weight: bold;">55.20</span></li>
									<li style="width: 60px; border-right: 1px solid #e6e6e6;">2</li>
									<li style="width: 99px; border-right: 1px solid #e6e6e6;" class="pay">
										<span style="font-weight: bold;">120.40</span>
										<span style="color: #999; font-weight: 400;">(含快递:10.00元)</span>
									</li>
									<li style="width: 99px; border-right: 1px solid #e6e6e6" class="order_status"><span>已取消</span></li>
									<li style="width: 99px;" class="operation"><a href="">查看订单</a></li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</article>
				<footer>
			<div class="iconfoot">
				<span>100% 品牌正品</span>
				<span>7天 无理由退换货</span>
				<span>便捷 在线客服</span>
			</div>
			<div class="footer-help">
				<div class="foot_list">
					<ul>新手指南
						<li><a href="">注册登录</a></li>
						<li><a href="">选购商品</a></li>
						<li><a href="">订单支付</a></li>
						<li><a href="">收货退款</a></li>
					</ul>
				</div>
				<div class="foot_list">
					<ul>新手指南
						<li><a href="">注册登录</a></li>
						<li><a href="">选购商品</a></li>
						<li><a href="">订单支付</a></li>
						<li><a href="">收货退款</a></li>
					</ul>
				</div>
				<div class="foot_list">
					<ul>新手指南
						<li><a href="">注册登录</a></li>
						<li><a href="">选购商品</a></li>
						<li><a href="">订单支付</a></li>
						<li><a href="">收货退款</a></li>
					</ul>
				</div>
				<div class="foot_list">
					<ul>新手指南
						<li><a href="">注册登录</a></li>
						<li><a href="">选购商品</a></li>
						<li><a href="">订单支付</a></li>
						<li><a href="">收货退款</a></li>
					</ul>
				</div>
				<div class="foot_list">
					<ul>新手指南
						<li><a href="">注册登录</a></li>
						<li><a href="">选购商品</a></li>
						<li><a href="">订单支付</a></li>
						<li><a href="">收货退款</a></li>
					</ul>
				</div>
				<div class="foot_list">
					<ul>新手指南
						<li><a href="">注册登录</a></li>
						<li><a href="">选购商品</a></li>
						<li><a href="">订单支付</a></li>
						<li><a href="">收货退款</a></li>
					</ul>
				</div>				
			</div>
			<div class="footer-link">
					<img src="images/credit-flag3.png"/>
					<img src="images/isc2.png"/>
					<div class="about-us">
						<p>
                            <a href="http://www.yohobuy.com">返回首页</a>
                            <span>|</span>
                            <a href="http://www.yohobuy.com/yohobuy.html">YOHO!BUY 有货</a>
                            <span>|</span>
                            <a href="http://www.yohobuy.com/newpower.html">新力传媒</a>
                            <span>|</span>
                            <a href="http://www.yohobuy.com/contact.html">联系我们</a>
                            <span>|</span>
                            <a href="http://shop.yohobuy.com/settled">商家入驻</a>
                            <span>|</span>
                            <a href="http://www.yohobuy.com/privacy.html">隐私条款</a>
                            <span>|</span>
                            <a href="http://www.yohobuy.com/link.html">友情链接</a>
                        </p>
                        <p>
                            CopyRight © 2007-2016 南京新与力文化传播有限公司
                            <a class="rbg6" href="http://www.miibeian.gov.cn/" target="_blank">苏ICP备09011225号</a>
                            NewPower Co. 版权所有 经营许可证编号：苏B2-20120395
                        </p>
					</div>
			</div>
		</footer>
	</body>
</html>
